<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery-1.12.4.js"></script>
    <style>
        *{
            margin: 0;
            padding: 0;

        }
        .ad{
            position: fixed;
            right: 0;
            bottom:0;
            display: none;
			float: right;
			
        }
		
		.button{
			position: absolute;
			right: 0px;
			top: 0px;
		}

        .ad>span{
            display: inline-block;
            width: 30px;
            height: 30px;
            position: absolute;
            top: 0px;
            right: 0px;
         
            
        }
    </style>

    <script>
        $(function(){
            $("span").click(function(){
                $(".ad").remove()
            })
            $(".ad").stop().slideDown(100).fadeOut(50).fadeIn(100)
        });
		
		$(function() {
						$("#closeBtn").click(function() {
							// $("#ad").slideUp();
							// $("#ad").slideUp(2000);
							// $("#ad").slideToggle(2000);
							$("#ad").fadeOut(1000);
							// $("#ad").fadeToggle(1000);
							// $("#ad").fadeTo(1000,0);//0完全不透明
						});
					});
		
		
    </script>
</head>
<body>
	<!-- 广告 -->
<div class="ad">
	<input type="button" id="closeBtn" value="关闭" class="button"/>
    <img src="img/gg2.jpg" alt="" id="ad" style="width: 210px;height: 250px;">  
</div>
</body>
</html>

